<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/jstl/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/jstl/spring-form.tld" prefix="form" %> 
<%@ taglib uri="/WEB-INF/jstl/spring.tld" prefix="spring"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <base href="<%=basePath%>">
    
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
   
    <title>Admin登录界面</title>
    <!--标题图标-->
 	<link rel="shortcut icon" type="image/x-icon" href="<%=basePath%>assets/x-img/logo-title-adminTwo.ico" media="screen" />
    
    <link rel="stylesheet" type="text/css" href="<%=basePath%>assets/bootstrap/css/resetPro.css">
	<link href="<%=basePath%>assets/bootstrap/css/bootstrap-combined.min.css" rel="stylesheet">
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery-2.0.0.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery-ui.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery.ui.touch-punch.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery.htmlClean.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/ckeditor/ckeditor.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/ckeditor/config.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=basePath%>assets/bootstrap/Font-Awesome-3.2.1/css/font-awesome.min.css">
	<!--这个js有时候会冲突-->
	<!--<script type="text/javascript" src="<%=basePath%>bootstrap/js/scripts.js"></script>-->
	<style type="text/css">
		.onediv{
			width: 220px;
			height: 300px;
			margin: 0px auto;
			margin-top:22px;
			}
		strong{
			margin-right: 10px;
		}
		.borderStrong{
				border: 5px solid #dee5e5;
			}
		</style>
</head>
 <body style="min-height: 660px; cursor: auto;" class="edit">
   <div class="container-fluid">
   <div class="row-fluid">
		<div class="span12">
			<div class="navbar navbar-inverse">
				<div class="navbar-inner">
					<div class="container-fluid ">
						 <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
						 <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> 
						 <a href="#" target="_top" class="brand"><span class="icon-briefcase"></span>
						 &nbsp;&nbsp;&nbsp;汽车用品销售系统后台</a>
						<div class="nav-collapse collapse navbar-responsive-collapse">
							<!-- <ul class="nav pull-right">
								<li class="divider-vertical">
								</li>
								<li>
									<a href="#" target="_top">小组成员:</a>
								</li>
								<li>
									<a href="#" target="_top" title="李松坚(组长)、王小强、田芳、张奇、贾岩">
									李、王、田、张、贾</a>
								</li>
							</ul> -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li>
					<a href="#">汽车用品销售系统</a>  <span class="divider blackAndStrong">&gt;</span>
				</li>
				<li class="active">
					Admin登录页面
				</li>
			</ul>
		
			<div class="row-fluid">
				<div class="span12">
				  <c:choose>
				  	<c:when test="${empty logininfo }">
						<div class="alert alert-info">
							 <button type="button" class="close" data-dismiss="alert">×</button>
							 <h4>提示!</h4>
							 <strong>警告!</strong> 请注意你的个人隐私安全.
						</div>
					</c:when>
					<c:otherwise>
	 					<div class="alert ${logininfo.type}">
							 <button type="button" class="close" data-dismiss="alert">×</button>
							 <h4>${logininfo.title}!</h4>
							 <strong>${logininfo.emoji}!</strong> ${logininfo.msg}.
						</div>
    				</c:otherwise>
				</c:choose>
				<%session.removeAttribute("logininfo");//显示一次就移除 %>
					<div class="row-fluid">
						<div class="span8">
							<div class="hero-unit">
								<h1>
									AAS-MS!
								</h1>
								<p>
									欢迎来到汽车用品销售系统后台(AutoAccessoriesSales Management System)登录页面，"记住密码功能"使用cookie在本地保存密码，有效期为7天，同一用户若不选择记住密码再次登录，
									系统将会删除本地之前保存的用户cookie
								</p>
								<p>
									<a class="btn btn-primary btn-large" href="<%=basePath%>sys/SysUserLogin?useCookie=useCookie">使用cookie登录 »</a>
								</p>
							</div>
						</div>
						<div class=" span4">
						
						<div class="onediv">
					      <form class="form-signin" action="<%=basePath%>admin/login" method="post">
					        <h3 class="form-signin-heading">Admin登录<span class="glyphicon glyphicon-user"></span></h3>
					        <label for="inputEmail" class="sr-only">账号</label>
					        <input type="text" name="id" id="inputEmail" class="form-control" placeholder="输入账号" required autofocus>
					        <label for="inputPassword" class="sr-only">密码</label>
					        <input type="password" name="pw" id="inputPassword" class="form-control" placeholder="请输入密码" required>
					        <div class="checkbox">
					          <label>
					            <input type="checkbox" value="remember-me" name="saveCookie"> 记住密码
					          </label>
					        </div>
					        <button class="btn btn-large btn-success  btn-block" type="submit">登录</button>
					        
					      </form>

   						</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
  </body>
</html>
